<template>
	<div class="Republic">
	  <form action="/photo" method="post">
	  	<div id="choose">
	  		
	  		<input type="file" name="photo" id="" value="" accept="image/*" />
	  		
	  		<input type="file" name="photo" id="" value="" accept="image/*" />
	  		
	  		<input type="file" name="photo" id="" value="" accept="image/*" />
	  	</div>
	  	<input type="button" value="添加" onclick="addImg()">
	  	<input type="submit" name="" id="" value="上传" />
	  </form>
	  
	 
	
	  
	</div>
</template>

<script>
	export default {
	  name: 'Republic',
	  components: {
	  },
	  data() {
	  	return {
	  		
	  
	  	}
	  
	  },
	//   methods:{
	// 	  var str = `
	// 	   <input type="file" name="photo" id="" value="" accept="image/*" />`
		  
	// 	  function addImg() {
	// 	  	$('#choose').append(str)
	// 	  	addEvent()
	// 	  }
	// 	  addEvent()
		  
	// 	  function addEvent() {
	// 	  	var imgs = document.getElementById('choose').getElementsByTagName('img')
		  
	// 	  	for (var i = 0; i < imgs.length; i++) {
	// 	  		imgs[i].onclick = function() {
	// 	  			this.nextElementSibling.click()
	// 	  		}
	// 	  	}
	// 	  	var inputs = document.getElementById('choose').getElementsByTagName('input')
	// 	  	for (var i = 0; i < inputs.length; i++) {
	// 	  		inputs[i].onchange = function() {
	// 	  			var file = this.files[0];
	// 	  			if (file.type.startsWith('image')) {
	// 	  				this.previousElementSibling.src = URL.createObjectURL(file)
	// 	  			}
		  
	// 	  		}
	// 	  	}
	// 	  }
	// 	  $('form').submit(function(event){
	// 	  	//阻止表单默认提交事件
	// 	  	event.preventDefault();
	// 	  	var data=new FormData(this)
	// 	  	console.log(data);
	// 	  	$.post({
	// 	  		url:'/photo',
	// 	  		data:data,
	// 	  		contentType:false,
	// 	  		processData:false,
	// 	  		success:(data)=>{
	// 	  			console.log(data)
	// 	  		}
	// 	  	})
	// 	  })
		
		
		  
	//   }
	
	  
	}
	
	
</script>

<style>
	body{
		margin: 0;
		padding: 0;
		background-color: #F6F6F6;
	}

</style>
